@media all and (min-width: 1220px){
    div.intro{
        width : 100%;
        background-color: white;
        padding-top : 92px;
    }

    div.intro > .intro-content {
        width : 1074px;
        margin: 0 auto;
    }

    div.intro > .intro-content ul.content {
        list-style: none;
        display: block;
        height : 610px;
    }

    div.intro > .intro-content ul.content li {
        height : 610px;
        width : 258px;
        display: block;
        margin: 0 50px;
        float : left;
        text-align: center;
    }

    div.intro > .intro-content ul.content li div.image{
        width : 258px;
        height : 235px;
        text-align: center;
    }

    ul.content li img {
        width : 234px;
        height: 234px;
    }

    div.intro > .intro-content ul.content li .title {
        font-size : 36px;
        color : black;
        text-align: center;
        margin-top: 36px;
        margin-bottom: 36px;
    }

    div.intro > .intro-content ul.content li .info{
        line-height : 30px;
        font-size : 24px;
        color : grey;

    }
}

@media all and (max-width: 1219px) {
    div.intro{
        width : 100%;
        position: relative;
        background-color: white;
    }

    div.intro > .intro-content {
        width : 100%;
        text-align : center;
        padding : 1rem 2rem;
    }

    div.intro > .intro-content ul.content {
        list-style: none;
        display: block;
    }

    div.intro > .intro-content ul.content li {
        width : 100%;
        height : 33rem;
        padding : 1rem;
        display: block;
        float : left;
        text-align: center;
    }

    div.intro > .intro-content ul.content li div.image{
        max-width: 70%;
        width : 18rem;
        height : auto;
        margin: 0 auto;
        text-align: center;
    }

    ul.content li img {
        max-width: 70%;
        width : 18rem;
        height: auto;
    }

    div.intro > .intro-content ul.content li .title {
        font-size : 2.8rem;
        color : black;
        text-align: center;
        margin-top: 3.2rem;
        margin-bottom: 3.2rem;
    }

    div.intro > .intro-content ul.content li .info{
        line-height : 3rem;
        font-size : 2rem;
        color : grey;
    }
}